<h2>Classic editor</h2>
<div id="classic">
	<figure class="image easyimage">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
	<figure class="image easyimage easyimage-side">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
</div>

<h2>Divarea editor</h2>
<div id="divarea">
	<figure class="image easyimage">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
	<figure class="image easyimage easyimage-side">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
</div>

<h2>Inline editor</h2>
<div id="inline" contenteditable="true">
	<figure class="image easyimage">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
	<figure class="image easyimage easyimage-side">
		<a href="https://ckeditor.com/docs/ckeditor4/latest/index.html">
			<img src="../../image2/_assets/bar.png" alt="foo">
		</a>
		<figcaption>Test image</figcaption>
	</figure>
</div>

<script>
	bender.tools.ignoreUnsupportedEnvironment( 'easyimage' );
	CKEDITOR.replace( 'classic', {
		height: 270
	} );
	CKEDITOR.replace( 'divarea', {
		extraPlugins: 'divarea',
		height: 270
	} );
	CKEDITOR.inline( 'inline' );
</script>
